<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-4.2.1.css">
</head>
<style>
    .content1 {
      width: 600px;
      height: 600px;

      display: inline-block;
      margin-top: 50px;
      margin-left: 100px;
    }

    .content2 {
      width: 600px;
      height: 600px;
      display: inline-block;

      margin-top: 50px;
      margin-left: 100px;

    }



    #lin {
      margin: 20px 0;
      height: 30px;
      padding: 5px;
      box-sizing: border-box;
    }

    .names {
      width: 300px;
      margin-bottom: 30px;
    }
    .content3 {
      margin-top: 50px;
      margin-left: 100px;
      
    }
    .content3 ul {
      padding-left: 0;
      margin-bottom: 100px;
    }
    .content3 ul li{
      list-style: none;
    }
    td{
        color: yellow;
    }
  </style>

<body>
    <div class="tupian" style="position: absolute;height: 100%; width: 100%;z-index: -1;">
        <img src="../static/img/cea47807d8bf0f37017fd00aea2a7ea8.jpeg" width="100%" height="100%">
    </div>
    <div style="height: 100%;"class="content1">
        <table class="table table-striped table-bordered" id="table-1">
            <thead class="thead-dark">
            <tbody>
                <tr>
                    <td>
                        <label for="">总分：</label>
                    </td>
                    <td>
                        {{ Topx }}
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="">平均分：</label>
                    </td>
                    <td>
                        {{average2}}
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="">参与人数：</label>
                    </td>
                    <td>
                        {{peoC}}
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</body>
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
  <script src="https://www.jq22.com/jquery/bootstrap-4.2.1.js"></script>
  <script src="../static/js/lin_search.js"></script>
</html>